@charset "utf-8";
$font-size:12;/**********变量元素*********/
@function bgg($px){/************函数样式************/
    @return $px/$font-size*(640/640)*1rem;
}
html{/**************html根字体大小**************/
    font-size: $font-size*1px;
}
/***********这里是页面*********/
.web{
    width: 100%;
    height: 100%;
    margin: 0 auto;
    header{        /***********头部样式************/
        top: 0;
        left: 0;
        width: 100%;
        height: bgg(89);
        position: fixed;
        z-index: +2;
        img{        /**********头部的背景图***********/
            display: block;
            width: 100%;
            height: 100%;
        }
        .xian{/*******头部各种样式*********/
            position: absolute;
            left: bgg(23);
            top: bgg(32);
            .xian_1{
                border: bgg(2) solid #ffffff;
                width: bgg(30);
                margin-bottom: bgg(6);
            }
            .xian_2{
                border: bgg(2) solid #ffffff;
                width: bgg(30);
                margin-bottom: bgg(6);
            }
            .xian_3{
                border: bgg(2) solid #ffffff;
                width: bgg(30);
            }
        }
        .dian_1{
            width: bgg(26);
            height: bgg(26);
            border-radius: bgg(26);
            background: #ff0000;
            position: absolute;
            left: bgg(50);
            top: bgg(14);
            line-height: bgg(26);
            text-align: center;
            span{
                font-size: bgg(16.21);
                color: #ffffff;
            }
        }
        .quan{/***********这里是搜索按钮**************/
            border: bgg(3) solid white;
            width: bgg(44);
            height: bgg(44);
            border-radius: 50%;
            position: absolute;
            top: bgg(19);
            right: bgg(77);
            text-align: center;
            .sousuo{
                font-size: bgg(50);
                line-height: 100%;
                color: white;
                position: absolute;
                top: bgg(-5);
                right: bgg(-4);
            }
        }
        .loushu{
            .ico101{
                color: #ffffff;
                font-size: bgg(40);
                position: absolute;
                left: bgg(23);
                top: bgg(18);
            }
        }
        .renwu{
            .touxiang{
                font-size: bgg(55);
                color: #ffffff;
                position: absolute;
                top: bgg(15);
                right: bgg(11);
            }
        }
    }
    section{/**********这里是内容样式**********/
        width: 100%;
        margin-top: bgg(95);
        margin-bottom: bgg(95);
        .section_top{
            margin-top: bgg(-6);
            img{
                width: 100%;
                height: bgg(358);
                display: block;
            }
            h2{
                color: #b10101;
                font-size: bgg(30);
                margin-top: bgg(18);
                margin-left: bgg(15);
            }
            .xiantiao{
                margin-left: bgg(15);
                margin-top: bgg(15);
                position: relative;
                .changxian{
                    border: bgg(1) solid #dbdbdb;
                    width: bgg(625);
                    
                }
                .duanxian{
                    border: bgg(4) solid #040404;
                    width: bgg(50);
                    margin-top: bgg(-10);
                }
            }
        }
        .section_bot{
            width: 95.3125%;
            height: 100%;
            display: block;
            margin:bgg(30) auto;
            .list{
//              margin-top: bgg(30);
                img{
                    display: block;
                    width: bgg(187);
                    height: bgg(121);
                }
                .Case_view{
                    padding-left: bgg(28);
                    margin-top: bgg(5);
                    display: inline-block;
                    p{
                        font-size: bgg(24.86);
                        color: #4e4c4c;
                        display: inline-block;
                    }
                    .shijian{
                        font-size: bgg(21.31);
                        color: #8c8b8b;
//                      padding-left: bgg(91);
                        padding-top: bgg(7);
                    }
                    .shijian+span{
                        color: #0b0b0b;
                        font-size: bgg(24.86);
                        width: bgg(385);
                        overflow: hidden;
                        text-overflow: ellipsis;
                        -webkit-box-orient: vertical;
                        display: -webkit-box;
                        -webkit-line-clamp: 2;
                        margin-top: bgg(11);
                    }
                }
            }
            .xian{
                border: bgg(1) solid #e7e7e7;
                width: 100%;
                margin-top: bgg(15);
                margin-bottom: bgg(15);
            }
        }
    }
    footer{/*************这里是尾部样式*************/
        position: fixed;
        left: 0;
        bottom: 0;
        width: 100%;
        height: bgg(88);
        background: #f5f5f5;
        border-top: bgg(2) solid #cccbcb;
        .foot{
//          display: inline-block;
            position: relative;
            .home_page{/***********这里是首页按钮***********/
                text-align: center;
                margin: 0 auto;
                width: 25%;
                height: bgg(88);
                display: inline-block;
                a{
                    text-decoration: none;
                    display: inline-block;
                    width: 100%;
                    &:active{
                        background: gainsboro;
                    }
//                  height: bgg(90);
                    .a{
                        width: 100%;
                        height: 100%;
                        display: inline-block;
                        margin: bgg(17) auto;
                        line-height: bgg(29);
                        .wuzi{/**********这里是iconfont***********/
                            display: inline-block;
                            margin: 0 auto;
                            font-size: bgg(41);
                            width: 100%;
                            color: #8b8b8b;
                        }
                        p{
                            color: #8b8b8b;
                            font-size: bgg(20);
                        }
                        .fangzi{
                            color: #b40000;
                            
                        }
                        .home_page_1{
                            color: #be2529;
                        }
                    }
                }
            }
            .gimc{/**********这里是GIMC************/
                a{
                    .a{
                        img{
                            width: bgg(50);
                            height: bgg(35);
                            margin: bgg(-5) auto;
                            margin-bottom: bgg(-2);
                        }
                    }
                }
            }
            .information{/********这里是文章段落********/
                a{
                    &:active{
                        background: gainsboro;
                    }
                    .a{
                        .xinwenzixun{
                            font-size: bgg(59);
                            color: #929292;
//                          margin: bgg(-7) auto;
//                          margin-bottom: bgg(-2);
                        }
                        .xinwenzixun+p{
                            margin-top: bgg(-6);
                        }
                    }
                }
            }
            .case{/***********这里是新闻资源**********/
                a{
                    .a{
                        .dingwei{
                            font-size: bgg(40);
                            margin: bgg(-1) auto;
                            font-weight: bold;
                        }
                    }
                }
            }
            .college{/************这里是学院信息************/
                
                a{
                    .a{
                        color: #8b8b8b;
                        .xuexiao{
                            font-size: bgg(65);
                            color: #929292;
                            margin: 0 auto;
                            line-height: bgg(17);
                            
                        }
                        p{
                            color: #8b8b8b;
                            margin-top: bgg(-2);
                        }
                    }
                }
            }
            .fengexian{/**************这是经过修改的一部分这是一个坑*****************/
                display: inline-block;
                border: bgg(1) solid #8c8c8c;
                height: bgg(50);
                position: absolute;
                top: bgg(19);
                left: 25%;
                opacity: 0.2;
            }
            .fengexian_1{
                border: bgg(1) solid #8c8c8c;
                height: bgg(50);
                position: absolute;
                top: bgg(19);
                left: 50%;
                display: inline-block;
                opacity: 0.1;
            }
            .fengexian_2{
                border: bgg(1) solid #8c8c8c;
                height: bgg(50);
                position: absolute;
                top: bgg(19);
                right: 25%;
                display: inline-block;
                opacity: 0.3;
            }
        }
    }
}
